<!--我收藏的项目-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>项目详情页_详细页</title>
    <link rel="stylesheet" type="text/css" th:href="@{/style/tzjg.css}"/>
    <link th:href="@{/mb/css/bootstrap.min.css}" rel="stylesheet" type="text/css">
    <link th:href="@{/mb/css/css.css}" rel="stylesheet" type="text/css">
    <link th:href="@{/mb/css/Animation.css}" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" th:href="@{/style/container.css}">

</head>

<body>
<!--头开始-->
<header class="navbar-fixed-top headerbg" th:each="codeUser:${codeUsers}">
    <!--左上角logo-->
    <div class="logo">
        <a href="http://www.baidu.com" th:href="@{/mc/logged/loginIndex(userNo=${codeUser.userNo})}" class="fl mt10">
            <img th:src="@{/mb/images/mclogo.png}" style="margin-top: -30px;margin-left: 30px" alt=""></a></div>

    <!--导航栏剩余部分-->
    <div class="navBox hidden-xs hidden-sm" style="float: right;margin-right: 10%">
        <ul class="navList list-unstyled">
            <li class="navLi">
                <h3>
                    <a th:href="@{/mc/logged/loginIndex(userNo=${codeUser.userNo})}"><span>首页</span></a>
                </h3>
            </li>
            <li class="navLi"><h3><a href="#"
                                     th:href="@{/mc/item/loginItemsList(userNo=${codeUser.userNo})}"><span>项目</span></a>
            </h3></li>

            <li class="navLi on">
                <h3>
                    <div th:if="${codeUser.type}==1">
                        <a href="#" th:href="@{/mc/item/myRelease(userNo=${codeUser.userNo})}"><span>我的发布</span></a>
                    </div>
                </h3>
            </li>

            <li class="navLi">
                <h3>
                        <span th:if="${codeUser.type}==1">
                            <a href="#"
                               th:href="@{/mc/item/releaseProject(userNo=${codeUser.userNo})}"><span>项目发布</span></a></span>
                </h3>
            </li>
            <li class="navLi">
                <h3>
                        <span th:if="${codeUser.type}==2">
                            <a href="#"
                               th:href="@{/mc/item/participatingProjects(userNo=${codeUser.userNo})}"><span>我的参与</span></a></span>
                </h3>
            </li>
            <li class="navLi"><h3><a href="#"
                                     th:href="@{/mc/logged/help(userNo=${codeUser.userNo})}"><span>帮助</span></a></h3>
            </li>
            <li class="navLi"><h3>
                <span th:if="${codeUser.image}">
                <img th:src="@{'/article/'+ ${codeUser.image}}" height="60px" width="60px"> </span>
                <span th:unless="${codeUser.image}">
                <img th:src="@{/images/center.png}" height="60px" width="60px">
                </span></h3>
                <div class="navSub">
                    <ul class="navSubList list-unstyled">
                        <li class="navSubLi">
                            <h4><a style="text-decoration: none" th:text="'hello，'+${codeUser.nickName}">hello，xxx</a>
                            </h4>
                        </li>
                        <li class="navSubLi">
                            <h4><a th:href="@{/mc/logged/userInformation(userNo=${codeUser.userNo})}">● 个人中心</a></h4>
                        </li>
                        <li class="navSubLi">
                            <h4><a th:href="@{/mc/logged/moneyPay(userNo=${codeUser.userNo})}">● 我的开发宝</a></h4>
                        </li>
                        <li class="navSubLi">
                            <h4><a th:href="@{/mc/item/myCollection(userNo=${codeUser.userNo})}">● 我的收藏</a></h4>
                        </li>
                        <li class="navSubLi">
                            <h4><a th:href="@{/mc/logged/advise(userNo=${codeUser.userNo})}">● 我要建议</a></h4>
                        </li>
                        <li class="navSubLi">
                            <h4><a th:href="@{/mc/}">● 退出登录</a></h4>
                        </li>
                    </ul>
                </div>
            </li>
        </ul>
    </div>
</header>
<!--头结尾-->
<!--动态线条-->
<div class="bannerN animated" style="height:200px;">
    <div class="imgFull"><img class="img-responsive" th:src="@{/mb/images/ab_bg_01.png}"></div>
    <div class="clouds_one"></div>
    <div class="clouds_two"></div>
    <div class="clouds_three"></div>
</div>

<div class="container pb-15" style="width: 90%;margin-left: 5%;">
    <!-- Example row of columns -->
    <div class="row">


        <div class="label-div b-30 border-all pt-5 t-20" style="position: relative; padding-left: 0;">


            <div style="padding-left:30px;width: 90%;margin-left: 5%;">
                <div class="second" style="height: auto">
                    <h5 class="mmh5 b-20">我发布的项目</h5>


                    <div class="news-list">
                        <div style="width: 752px;" th:each="release:${releaseItems}">
                            <div class="news_list mtb20">
                                <ul class="list_style">
                                    <li class="news_info wow fadeInUp" style="width: 1160px">
                                        <span class="contents" style="width: 1160px">
                                            <div class="news_time">
                                                <h1 style="font-size: 18px">
                                                 <span th:if="${release.itemImage}">
                                                    <img class="lazyloadimg" alt="暂时未上传图片"
                                                         th:src="@{'/article/'+ ${release.itemImage}}"
                                                         width="90px" height="90px"/>
                                                 </span>
                                                      <span th:unless="${release.itemImage}">
                                                            <img class="lazyloadimg" alt="标题标题标题标题标题标题"
                                                                 th:src="@{/images/noImage.png}"
                                                                 width="90px" height="90px"/>
                                                      </span>
                                                </h1>
                                            </div>
                                            <div class="news_contents" style="width: 1036px">


                                                  <a th:href="@{/mc/item/release(userNo=${release.promulgatorId},itemNo=${release.itemNo})}">
                                                      <h3 style="float: left;">  项目名称:
                                                      <span th:text="${release.itemName}" style="color: #8888cc">
                                                      </span>
                                                  </h3>
                                                  </a>

                                                    <span style="float: left;padding-left: 30px">
                                                         <span style="float: left "><h3>项目期限:</h3></span>
                                                         <span style="float: left"><h3
                                                                 th:text="${release.day}+'天'"></h3></span>

                                                    </span>
                                                     <span style="float: right;margin-right: 50px;margin-top: 100px">
                                                        <span style="float: left"><h3>发布人编号：</h3></span>
                                                        <span style="float: left"><h3
                                                                th:text="${release.promulgatorId}">ID</h3></span>
                                                    </span>
                                            </div>
                                                <br>
                                              <span style="padding-top: 50px;padding-left: 100px;margin-left: 100px;width: 300px;">
                                                            <h3 style="margin-left:80px;padding-left: 75px">项目简介：
                                                        <textarea style="padding-left: 5px;font-size: 16px;width: 500px;height: 100px;z-index: 20"
                                                                  th:text="${release.text}" readonly="readonly">
                                                        </textarea>
                                                             </h3>
                                                          </span>
                                        </span>

                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="pagination center pagination-large pt-20" style="margin-left:30%">
                        <div class="row text-center">
                            <div class="col-md-12">
                                <ul class="pagination">
                                    <li><a th:class="${currentPage eq 1 ? 'btn disabled' : '' }" href="javascript:;"
                                           th:href="@{/mc/item/myRelease(page=1,userNo=${codeUsers.get(0).getUserNo()})}">首页</a>
                                    </li>
                                    <li><a th:class="${currentPage eq 1 ? 'btn disabled' : '' }"
                                           href="javascript:void(0);"
                                           th:href="@{/mc/item/myRelease(page=${currentPage}-1,userNo=${codeUsers.get(0).getUserNo()})}">&laquo;</a>
                                    </li>

                                    <li th:class="${page eq currentPage} ? 'active' : ''"
                                        th:each="page:${#numbers.sequence(1,totalPage)}">
                                        <a href="javascript:void(0);"
                                           th:href="@{/mc/item/myRelease(page=${page},userNo=${codeUsers.get(0).getUserNo()})}"
                                           th:text="${page}">1</a>
                                    </li>

                                    <li><a th:class="${currentPage eq totalPage ? 'btn disabled' : '' }"
                                           href="javascript:void(0);"
                                           th:href="@{/mc/item/myRelease(page=${currentPage}+1,userNo=${codeUsers.get(0).getUserNo()})}">&raquo;</a>
                                    </li>
                                    <li><a th:class="${currentPage eq totalPage ? 'btn disabled' : '' }" href="#"
                                           th:href="@{/mc/item/myRelease(page=${totalPage},userNo=${codeUsers.get(0).getUserNo()})}"
                                           style="border: 1px solid #ddd;">尾页</a></li>
                                    <li><a style="border: 0px;margin-left: 0px;">当前页<span
                                            th:text="${currentPage}"></span>/<span th:text="${totalPage}"></span>总页</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--联系我们-->
<div class="contact-container" style="z-index: 99">
    <div class="contact-connect-container">
        <div class="button-container">
            <img th:src="@{/images/contacts.png}"/><span style="margin-left: 5px;">联系我们</span>
        </div>
        <div class="pop" style="display: none;">
            <div class="word" style="text-align: center;"><span style="font-size: 12px;">在线咨询请扫描下面二维码👇</span></div>
            <div style="height: 120px;width: 120px;margin:20px 22px;">
                <img th:src="@{/images/QR.jpg}" style="width: 120px;height: 120px;margin-top: -15px;"/>
            </div>
        </div>
    </div>
</div>
<div style="margin-top: 80px"></div>
<footer class="footerBg" style="position:fixed;bottom: 0;z-index:30;width: 100%;margin-top:20px">
    <div class="container"><span class="footer_logo"><img th:src="@{/mb/images/mclogo.png}"></span><span
            class="CopyRight_name">码虫互联网服务外包平台 </span></div>
</footer>

</body>

<script type="text/javascript" th:src="@{/js/function.js}"></script>
<script type="text/javascript" th:src="@{/js/tzjg.js}"></script>
<script type="text/javascript" th:src="@{/js/borsertocss.js}"></script><!-- 判断在IE9以下浏览器中根据像素的不同而设置的样式 -->
<script type="text/javascript" th:src="@{/js/bootstrap.js/bootstrap.min.js}"></script>
<script th:src="@{/mb/js/jquery-3.3.1.min.js}" type="text/javascript"></script>
<script th:src="@{/mb/js/jquery.js}" type="text/javascript"></script>
<script type="text/javascript" th:src="@{/js/Contacts.js}"></script>
<script type="text/javascript" th:src="@{/js/bioV4.min.js}"></script>
<script type="text/javascript" th:src="@{/js/jquery.lazyload.mini.js}"></script>
</html>